<template>
  <div class="navbar">
    <span class="fa fa-align-justify menu-btn"></span>
    <span class="title"><slot></slot></span>
    <span class='fa fa-user-o user-btn'></span>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style scoped>
  .navbar{
    display: flex;
    justify-content: space-between;
    height: 50px;
    background-color: #282828;
  }
  .navbar span{
    line-height:50px;
    font-size:1.6rem;
  }
  .menu-btn{
    color:#999999;
    padding-left: 1rem;
  }
  .title{
    color:#ffffff;
  }
  .user-btn{
    color:#999999;
    padding-right: 1rem;
  }
</style>